<template>
  <div class="sysBusyPrompt_wrapper_dz">
    <div class="sysBusyPrompt_box_dz">
      <div class="sysBusyPrompt_img_dz">
        <img src="https://img.wifenxiao.com/h5-wfx/images/error/error_page.png" alt="" />
      </div>
      <div class="sysBusyPrompt_txt_dz">
        <p>
          对不起，您的当前余额不足，请充值后再拼团。
        </p>
      </div>
      <div class="ten_btn_box_dz">
        <div class="sysBusyPrompt_btn_dz" @click="Jump('/mb/shop/index')">返回首页</div>
        <div class="sysBusyPrompt_btn_dz"  @click="JumpName('rechargeList')">立即充值</div>
      </div>
    </div>
  </div>
</template>

<script>
import { openPage } from '@/utils/utils'
export default {
  name: 'index',
  data() {
    return {
      sid: '',
      nums: '',
      isDisabled: true
    }
  },
  created() {
  },
  methods: {
    // 首页
    Jump(url) {
      openPage(url)
    },
    JumpName(url, data) {
      this.$JumpName(this, url, data)
    }
  }
}
</script>

<style lang="scss">
.sysBusyPrompt_wrapper_dz {
  width: 100%;
  .sysBusyPrompt_box_dz {
    padding-top: 100px;
    width: 72.8%;
    text-align: center;
    margin: auto;
    .sysBusyPrompt_img_dz {
      width: 350px;
      margin: 0 auto 34px;
      img {
        max-width: 100%;
        width: 100%;
      }
    }
    .sysBusyPrompt_txt_dz {
      font-size: 26px;
      color: #999;
      line-height: 44px;
      margin-bottom: 64px;
    }
    .ten_btn_box_dz{
      width: 100%;
      display: flex;
      justify-content: center;
    }
    .sysBusyPrompt_btn_dz {
      font-size: 32px;
      color: #f30c23;
      width: 200px;
      height: 70px;
      line-height: 68px;
      text-align: center;
      margin: 0 auto;
      border: 1px solid #f30c23;
      border-radius: 10px;
    }
  }
}
</style>
